<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Title</title>
</head>
<body>
<button id="user">用户模块</button>
<button id="product">商品模块</button>
<script src="../require.js"></script>
<script>
	// 给回调函数添加形参，接收前面对应模块的返回值，模块返回什么，形参的值就是什么
	// 形参的顺序必须和前面调用模块的顺序保持一致
	require(["user","product"],function (xuser,xproduct) {
		//实现用户点击按钮，出现用户模块逻辑
	    // -->需要改造user模块，把它改成“按需加载”的加载

	    let btn = document.getElementById("user")
			btn.onclick = function () {
			  //调用用户模块
			  xuser()
		}
		
		let btnProduct = document.getElementById("product")
			btnProduct.onclick = function () {
			  //执行商品模块
							xproduct.init()
			}
	})
</script>
</body>
</html>